<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝网-淘！我喜欢</title>
</head>
<style type="text/css">
/*清除内外边距*/
*{
	padding:0;
	margin:0 auto;
	
}
/*清除*/
/*头部文字区域*/

#dingbu{
	font-family:宋体;
	font-size:12px;
	background-color:#f5f5f5;
	overflow:hidden;
	width:100%;
	line-height:37px;
	letter-spacing:2.5px;
	border-bottom:#eee;
	color:#6c6c6c;
}
#dingbu .dalu{
	margin-left:80px;
}
#dingbu .qin{
    margin-top:0;
    color:#f22e00;
} 

#dingbu .gouwuche .lin{
	color:#f22e00;
}
#dingbu .wode{
	margin-left:310px;
}
#dingbu .wangzhan .daohang{	
	color:#fe4400;
}
/*头部文字区域结束*/
/*中间杭州抢票*/
#qiang{
width:85px;
height:70px;
background:#4f0cb0;
float:left;
}
#piao{
width:74px;
height:70px;
background:#4f0cb0;
float:right;	
}
/*中间杭州抢票结束*/
/*第三部分分成三个小块*/
#kongbai{
	width:1367px;
	height:30px;
	background-color:#ffffff;
}
#com{
	width:1367px;
	height:99px;
	background-color:#ffffff;
	font-size:12px;
    font-family:宋体;
    float:left;
}
#com .tao{
	margin-left:110px;
	float:left;
	margin-top:10px;
}
/*左部分图片*/
#com .bei{
	float:left;
	width:60px;
	height:30px;
	background-color:#ff5400;
	margin-left:110px;
	margin-top:-8px;
	font-family:宋体;
	font-size:13px;
	text-align:center;
	color:#ffffff;
	line-height:25px;
}

#com .dian{
	font-family:宋体;
	font-size:13px;
	color:#ff4400;
	margin-left:15px;
	margin-top:-5px;	
}
#com .pu{
	font-family:宋体;
	font-size:13px;
	color:#ff4400;
	margin-top:-5px;
	margin-left:12px;	
}
/*文字*/
#com .ri{
	margin-left:-60px;
	margin-top:4px;
	border:3px solid #ff5500;
	width:510px;
	height:34px;
	float:left;
	text-indent:10px;
    line-height:22px;
    font-family:宋体;
	font-size:12px;
	color:#9c9c9c;

}
#com .li{
	background-color:#ff6704;
	font-family:宋体;
	font-size:18px;
	color:#ffffff;
	width:122px;
	height:40px;
	margin-left:0px;
	margin-top:4px;
	border:0;
}
/*搜索栏结束*/
#com .one{
line-height:32px;
margin-left:110px;
font-family:宋体;
	font-size:13px;
}
#com .one .hanliu{
	color:#ff4400;
}
#com .one .more{
	padding-left:42px;

}
#com .cheng{
	background-color:#ff6905;
	width:190px;
	height:33px;
	margin-left:80px;
	margin-top:13px;
	font-family:宋体;
	font-size:17px;
	color:#ffffff;
	line-height:33px;
	text-indent:10px;
	
}
#com .cheng .wenhao{
	padding-left:76px;
}
#com .tian{
	float:left;
	padding-left:86px;
	font-size:16px;
	line-height:28px;
	text-align:center;
	color:#ff4400;
    margin-left:200px;
	margin-top:-30px;
    font-weight:700;
    word-spacing:20px;
}
#com .xian{
	float:left;
	margin-left:420px;
	margin-top:-30px;
	padding-left:86px;
	font-size:14px;
	line-height:28px;
	text-align:center;
	font-weight:700;
    word-spacing:5px;
    font-family:宋体;
}
#com .xian .ju{
color:#e3dde3;
}
#com .xian .shi{
color:#e3dde3;
}
#com .yun{
	text-decoration:none;
	list-style:none;
	width:60px;
	height:28px;
	border:1px solid #f2f2f2;
	float:left;
	margin-left:1100px;
	margin-top:-35px;
	text-decoration:none;
	color:#4b66da;
	font-size:14px;
	font-weight:700;
	padding:3px;		
}
/*第二部分文字复杂结束*/
/*中间分为左。中。右。三部分*/
/*第三部分左部分文字开始*/
#ali{
	background-color:#f1f1f1;
    width:100%;
    height:1000px;
    margin-top:137px;

}
#ali .left{
	height:526px;
	width:160px;
	background-color:#ff5f03;
	float:left;
	margin-left:80px;
	margin-top:0px;
	font-family:宋体;
	font-size:13px;
	line-height:30px;
	color:#ffffff;
	font-weight:700;
	padding-left:30px;
}
#ali .left .nvxie{
	float:right;
	padding-right:10px;
}
#ali .left .xue{
	float:right;
	padding-right:10px;
}
#ali .left .tong{
    float:right;
	padding-right:10px;
}
#ali .left .jiadian{
    float:right;
	padding-right:10px;
}
#ali .left .meizhuang{
    float:right;
	padding-right:10px;
}
#ali .left .zhubao{
    float:right;
	padding-right:10px;
}
#ali .left .sport{
    float:right;
	padding-right:10px;
}
#ali .left .game{
    float:right;
	padding-right:10px;
}
#ali .left .delicious{
    float:right;
	padding-right:10px;
}
#ali .left .xianhua{
    float:right;
	padding-right:10px;
}
#ali .left .fang{
    float:right;
	padding-right:10px;
}
#ali .left .wu{
    float:right;
	padding-right:10px;
}
#ali .left .car{
    float:right;
	padding-right:10px;
}
#ali .left .bangong{
    float:right;
	padding-right:10px;
}
#ali .left .baihuo{
    float:right;
	padding-right:10px;
}
#ali .left .study{
    float:right;
	padding-right:10px;
}
#ali .out{
	float:left;
	margin-left:-30px;
	margin-top:6px;
}
/*<!-- 中间左区域左部分文字结束 -->*/


/*中间中部分图片开始*/
#center .toptwo{
	margin-top:10px;
	margin-left:11px;
}
#center .dayuan ul{
position:absolute;
border-radius: 10px;
margin-left:500px;
margin-top:-32px;
height:13px;
width:65px;
background-color: rgba(255,255,255,.3);
list-style:none;

}
#center .xiaoyuan ul{
	position:absolute;
	margin-left:500px;
	margin-top:-29px;
}

#center .xiaoyuan ul li{
background-color:#b7b7b7;
list-style-type:none;
width:9px;
height:9px;
float:left;
display:inline-block;
border-radius:50%;
text-decoration:none;
margin-top:0px;
margin-left:3px;
text-align:center;
text-decoration:none;
vertical-align:center;
}
#center .xiaoyuan ul .hong{
	background-color:#ff4400;
}
#center .zhai{
position:absolute;
margin-top:-283px;
float:left;
margin-left:540px;
   
}
/*结束*/
/*中间中部分文字*/
#in{
position:relative;

}
#in .index{
	margin-top:8px;
	margin-left:9px;
}
#in .mao{
font-size:16px;
color:#3c3c3c;
font-family:宋体;
}
#in .remen{
	font-size:12px;
color:#666666;
font-family:宋体;v
}
#in .remen .pinpai{
	margin-left:240px;
	color:#3c3c3c;
}
#in .remai{
	font-size: 12px;
    font-weight: 400;
    background:#f1f1f1;
    color: #a1a1a1;
    line-height: 24px;
}
/*中部分中间文字结束*/
/*中间中部分底部开始*/
#on{
	background-color:#ffffff;
	width:520px;
	height:201px;
	float:left;
	margin-left:11px;
	margin-top:-2px;
	border-top:2px solid #c12c26;
}
#on .yeah{
    margin-top:22px;
    margin-left:7px;
}
#on .big ul{
	list-style:none;
	width:78px;
	height:13px;
	border-radius:10px;
	background-color: rgba(255,255,255,.3);
	position:absolute;
	margin-top:-7px;
	margin-left:220px;
}
#on .small ul{
    position:absolute;
	margin-top:-7px;
	margin-left:220px;
}

#on .small ul li{
    list-style:none;
	width:9px;
	height:9px;
	border-radius:50%;
	background-color:#b7b7b7;
	text-decoration:none;
	float:left;
	margin:2px;
}

#on .small ul .repeat{
    background-color:#ff4400;
}
#on .chaoliu{
	float:left;
	margin-top:-179px;
	margin-left:528px;
} 

/*中间图片底部结束*/
/*中间右部区域开始*/
/*右区域顶部插入背景*/
#somey .apple{
	width:283px;
	height:167px;
	background-image:url(apple.png);
	background-size:contain;
    float:right;
    margin-right:87px;
    margin-top:-314px;
}
#somey .pingxing{
    width:56px;
	height:56px;
	border-radius:56px;
	float:right;
    margin-right:200px;
    margin-top:-295px;
	background-image:url(huang.jpg);
	background-size:contain;	
}
/*插入背景结束*/
/*右区域文字*/
#somey .all{
	font-family:宋体;
	font-size:12px;
	color:#3c3c3c;
	font-weight:400;
	float:right;
    margin-right:205px;
    margin-top:-230px;
}
#somey .world{
	float:right;
    margin-right:135px;
    margin-top:-212px;
    font-family:宋体;
	font-size:12px;
	color:#ff4400;
	line-height:20px;
	text-align:center;
	word-spacing:1px;

}

#somey .huoqu{
	color:#3c3c3c;
}
/*右区域文字*/
/*右区域三个橙色文字*/
#somey .denglu{
	width:87px;
	height:25px;
	background-color:#ff5801;
	line-height:25px;
	font-family:宋体;
	font-weight:700;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	float:right;
    margin-right:275px;
    margin-top:-190px;
}
#somey .zhuce{
	width:76px;
	height:25px;
	background-color:#ff5801;
	line-height:25px;
	font-family:宋体;
	font-weight:700;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	float:right;
    margin-right:190px;
    margin-top:-190px;
}
#somey .kaidian{
	width:76px;
	height:25px;
	background-color:#ff5801;
	line-height:25px;
	font-family:宋体;
	font-weight:700;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	float:right;
    margin-right:106px;
    margin-top:-190px;
}
/*右区域三个橙色文字结束*/
/*右区域中间部分粉红色*/
#yumi{
	width:285px;
	height:33px;
	color:#ff4400;
	background-color:#ffe4dd;
	line-height:32px;
	font-family:宋体;
	font-size:12px;
	float:right;
	margin-top:-146px;
	margin-right:86px;
    text-align:center;

}
#yumi .lei{
	float:left;
	margin-left:80px;
}
#yumi .jianhao{
float:right;
margin-right:50px;
}
/*右区域粉红色区域结束*/
/*下部分文字*/
#love .yu{
	background-color:#ffffff;
	width:265px;
	height:110px;
    font-size:12px;
    border-bottom:2px solid #eaeaea;
	float:right;
	margin-top:-112px;span: ;
	margin-right:85px;
    word-spacing:25px;
    line-height:22px;
    padding-left:20px;
    overflow:hidden;
}

#love .yu .dianzi{
position:absolute;
	margin-top:20px;
	margin-left:0px;
}
#love .yu .xinshou{
	position:absolute;
	margin-top:20px;
	margin-left:130px;
}

#love .yu .dazao{
position:absolute;
	margin-top:50px;
	margin-left:0px;
}
#love .yu .cainiao{
	position:absolute;
	margin-top:50px;
	margin-left:130px;
	
}
/*下部分文字结束*/
/*另一块背景图*/
/*右区域表格*/
#know{
width:288px;
height:190px;
margin-right:83px;
}
#know ul li{
    width:70px;
	height:65px;
	border:1px solid #eaeaea;
	background-color:#ffffff;
	float:left;
	list-style:none;
	font-family:宋体;
	font-size:12px;
	text-align:center;
	color:#666;
}
#know ul li div{
	width:24px;
	height:24px;
	margin:10px auto;	
}
#know ul li .huafei{
	background:url(beijing.png) 0 0 no-repeat;
}
#know ul li .youxi{
	background:url(beijing.png) 0 -44px no-repeat;
}
#know ul li .lvxing{
	background:url(ping.png) 0 0 no-repeat;
}
#know ul li .chexian{
	background:url(beijing.png) 0 -132px no-repeat;
}
#know ul li .caipiao{
	background:url(beijing.png) 0 -176px no-repeat;
}
#know ul li .dianying{
	background:url(beijing.png) 0 -220px no-repeat;
}
#know ul li .jiudian{
	background:url(beijing.png) 0 -1052px no-repeat;
}
#know ul li .licai{
	background:url(beijing.png) 0 -308px no-repeat;
}
#know ul li .zhao{
	background:url(beijing.png) 0 -352px no-repeat;
}
#know ul li .yanchu{
	background:url(pang.png) 0 0 no-repeat;
}
#know ul li .shuimei{
	background:url(beijing.png) 0 -440px no-repeat;
}
#know ul li .huoche{
	background:url(beijing.png) 0 -1146px no-repeat;
}
/*右区域表格结束*/
/*中部*/
#end{
	width:892px;
	height:74px;
	margin-top:-465px;
	margin-left:80px;
	background-color:#ffffff;
}
#end ul li{
	width:175px;
	height:74px;
	float:left;
	
	margin-top:-7px;
	list-style:none;
}

#end ul li div{
	float:left;
	list-style:none;
	border:1px solid #ededed;
	width:62px;
	height:62px;
	border-radius:62px;
	display:inline-block;
	margin-left:10px;
    border-radius:62px;
    text-align:center;
    margin-top:5px;

}
#end ul li .xin{
	background:url(xin.jpg) 0 0 no-repeat;
}
#end ul li .aiche{
	background:url(aiche.jpg) 0 0 no-repeat;
}
#end ul li .lixiang{
	background:url(lixiang.jpg) 0 0 no-repeat;
}
#end ul li .tun{
	background:url(tun.png) 0 0 no-repeat;
}
#end ul li .meng{
	background:url(meng.jpg) 0 0 no-repeat;
}

#end ul li .wo{
	font-size:16px;
	text-align:center;
    color:#9a745f;
    display:block;
    padding:6px;
    margin-top:6px;
}
#end ul li .zuo{
	font-size:16px;
	text-align:center;
    color:#81c18f;
    display:block;
    padding:6px;
    margin-top:6px;
}
#end ul li .le{
	font-size:16px;
	text-align:center;
    color:#72a5f6;
    display:block;
    padding:6px;
    margin-top:6px;
}
#end ul li .bu{
	font-size:16px;
	text-align:center;
    color:#846fc7;
    display:block;
    padding:6px;
    margin-top:6px;
}
#end ul li .si{
	font-size:16px;
	text-align:center;
    color:#de525e;
    display:block;
    padding:6px;
    margin-top:6px;

}
#end ul li .na{
	font-size:12px;
	color:#9a745f;
	line-height:16px;
	text-align:center;
	margin-right:27px;
}
#end ul li .mingyue{
	font-size:12px;
	color:#81c18f;
	line-height:16px;
	text-align:center;
	margin-right:11px;
}
#end ul li .kan{
	font-size:12px;
	color:#72a5f6;
	line-height:16px;
	text-align:center;
	}
#end ul li .jiu{
	font-size:12px;
	color:#846fc7;
	line-height:16px;
	text-align:center;
	margin-right:27px;
}
#end ul li .shang{
	font-size:12px;
	color:#de525e;
	line-height:16px;
	text-align:center;
}

/*中部*/
/*右区域种类*/
#app{
	width:288px;
	height:116px;
	background-color:#ffffff;
	margin-right:83px;
	float:right;
	margin-top:-80px;
}
#app .purple{
	text-decoration:none;
	margin-left:13px;
	margin-top:6px;
}
#app .gengduo{
    font-size:12px;
    font-weight:400;
    text-decoration:none;
    float:right;
    margin-right:20px;
    margin-top:-15px;
}
#app .zhong{
	width:277px;
	height:84px;
	margin-top:5px;
}
#app .zhong ul li{
	list-style:none;
	margin:0 auto;
}
#app .zhong ul li div{
    float:left;
	width:32px;
	height:32px;
	display:inline-block;
	margin-right:17px;
	margin-top:5px;
	margin-left:6px;
    border-radius:5px;
}
#app .zhong ul li .still{
	background:url(tao.png) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .see{
	background:url(tianmao.png) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .move{
	background:url(jv.png) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .and{
	background:url(zhifubao.png) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .been{
	background:url(yanjing.png) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .sake{
	background:url(dun.png) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .had{
	background:url(huabei.png) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .just{
	background:url(yu.png) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .hope{
	background:url(xianyu.jpg) 0 0 no-repeat;
background-size:cover;
}
#app .zhong ul li .over{
	background:url(ditu.png) 0 0 no-repeat;
background-size:cover;
}
/*结束*/
</style>


<body>

<!-- 头部文字区域开始 -->
<div id='dingbu'>
    <span class='dalu'>中国大陆∨</span>
	<span class='qin'>亲，请登录</span>
	<span>免费注册</span>
	<span>手机逛淘宝</span>
	<span class='wode'>我的淘宝</span>
	<span class='gouwuche'>购物车<span class='ling'>∨</span></span>
	<span>★收藏夹</span>
	<span>商品分类</span>
	<span>|</span>
	<span>卖家中心∨</span>
	<span>联系客服∨</span>	
	<span class='wangzhan'><span class='daohang'>☰</span>网站导航∨</span>
</div>
	<!-- 头部文字区域结束 -->
<!-- 中间杭州抢票 -->
<div id='qiang'></div>
<img src="mayun.jpg" id="mayun">
<div id='piao'></div>
<!-- 中间杭州抢票结束 -->
<!-- 第三部分 -->
<!-- 第一空白小部分 -->
<div id='kongbai'></div>
<!-- 第一空白小部分结束 -->
<!-- 第二小部分搜索栏和图片 -->
<div id='com'>
<img src="com.png" class="tao">
<!-- 淘宝图片插入 -->
<div class='bei'><strong>宝贝 </strong></div>
<span class='dian'> 天猫</span>
<span class='pu'>店铺</span>
<!-- 搜索栏上面的文字 -->
<form action="">
	<input type="text" class='ri' value='双肩包女小 迷你'>
	<input type="submit" value='搜索' class='li'>
</form>
<!-- 搜索栏 -->
<span class='one'>新款连衣裙  四件套 <span class='hanliu'> 韩流T恤 </span>时尚女鞋  短裤 半身裙  男士外套  墙纸   行车记录仪  新款男鞋  耳机<span class='more'> 更多> </span></span>
<div class='cheng'> <strong>主题市场</strong>  <span class='wenhao'>☰</span></div>
 <span class='tian'>天猫  聚划算  天猫超市 </span>
	<span class='xian'> <span class='ju'>|</span> 淘抢购 电器械 司法拍卖  中国质造 兴农扶贫 <span class='shi'>|</span> 飞猪旅行 智能生活 苏宁易购</span>
	<form>
	<input type="text" value='云栖大会' class='yun'>
	</form>
</div>	
<!-- 第二部分复杂结束 -->
<!-- 第三部分左侧开始 -->
<div id='ali'>
<div class='left'>
<p>女装/男鞋/内衣       <span class='nvxie'>    >  </span></p>
<p>鞋靴/箱包/配件      <span class='xue'>       > </span></p>
<p>童装玩具/孕产/用    <span class='tong'>      ></span></p> 
<p>家电/数码/手机      <span class='jiadian'>   ></span></p> 
<p> 美妆/洗护/保健品   <span class='meizhuang'> ></span> </p>
<p>珠宝/眼镜/手表      <span class='zhubao'>    ></span></p>   
<p>运动/户外/乐器      <span class='sport'>     ></span></p> 
<p>游戏/动漫/影视      <span class='game'>      ></span></p> 
 <p>美食/生鲜/零食     <span class='delicious'> ></span></p> 
 <p>鲜花/宠物/农资     <span class='xianhua'>   > </span></p>
 <p>房产/装修/建材     <span class='fang'>      ></span></p> 
 <p>家具/家饰/家纺     <span class='wu'>        ></span></p> 
<p>汽车/二手车/用品    <span class='car'>	    > </span></p>
<p>办公/DIY/五金电子   <span class='bangong'>   > </span></p>
 <p>百货/餐厨/家庭保   <span class='baihuo'>    ></span></p>
<p>学习/卡券/本地服务   <span class='study'>    ></span></p>                               
<img src="out.jpg" class="out">
</div>
<!-- 中间左部分文字结束 -->
<!-- 中间上部分图片 -->
<div id='center'>
<img src="two.jpg" class="toptwo">
<!-- 选项 -->
<div class='dayuan'>
<ul><li></li></ul>
</div>
<div class='xiaoyuan'>
<ul>
	<li></li>
	<li class='hong'></li>
	<li></li>
	<li></li>
	<li></li>
</ul>
</div>
<!-- 结束 -->
<img src="zhai.jpg" class="zhai">
</div>
<!-- 中间中部分文字 -->
<div id='in'>
<img src="index.gif" class="index">
<span class='mao'><strong>天猫必逛</strong></span>
<span class='remen'>热门品牌，天天上天猫！<span class='pinpai'>2/6</span></span>
<span class='remai'>今日热卖</span>
</div>
<!-- 中间中部文字结束 -->
<!-- 中间下部分图片 -->
<div id='on'>
<img src="yeah.jpg" class="yeah">
<img src="hero.jpg" class="hero">
<div class='big'>
<ul><li></li></ul>
</div>

<div class='small'>
<ul>
<li></li>
<li class='repeat'></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<img src="chaoliu.jpg" class="chaoliu">
</div>
<!-- 中间下部分图片结束 -->
<!-- 中间部分右部区域开始 -->
<div id='somey'>
<!-- 插入背景 -->
	<div class='apple'></div>
	<div class='pingxing'></div>
<!-- 插入背景结束 -->
<!-- 插入文字 -->
    <span class='all'>Hi!你好</span>	
    <p class='world'>
    <span>领淘金币抵钱</span>
    <span class='huoqu'>或去</span>
    <span>会员俱乐部</span>
    </p>
    <!-- 插入文字结束 -->
    <!-- 三个橙色区域 -->
    <div class='denglu'>登录</div>
    <div class='zhuce'>注册</div>
    <div class='kaidian'>开店</div>
    <!-- 结束 -->
</div>
<div id='yumi'>  <span class='lei'>网上有害信息举报专区</span>          <span class='jianhao'>▶</span>    </div>
<!-- 另外一个空白部分 -->
<div id='love'>
    <span class='yu'>
    <span>公告</span>
    <span>规则</span>
    <span class='luntan'><u>论坛</u></span>
    <span>安全</span>
    <span>公益</span>
    <span class='dianzi'>电子发票助力双11！</span>
    <span class='xinshou'>新手360度能力打造</span>
   <span class='dazao'>打造店铺5环优势</span>
    <span class='cainiao'>菜鸟代收包裹没烦恼</span>
   </span>
 </div>  
<!-- 继续另一空白部分 -->
<div id='know'>
	<ul>
		<li><div class='huafei'></div><span>充话费</span></li>
		<li><div class='youxi'></div><span>游戏</span></li>
		<li><div class='lvxing'></div><span>旅行</span></li>
		<li><div class='chexian'></div><span>车险</span></li>
		<li><div class='caipiao'></div><span>彩票</span></li>
		<li><div class='dianying'></div><span>电影</span></li>
		<li><div class='jiudian'></div><span>酒店</span></li>
		<li><div class='licai'></div><span>理财</span></li>
		<li><div class='zhao'></div><span>找服务</span></li>
		<li><div class='yanchu'></div><span>演出</span></li>
		<li><div class='shuimei'></div><span>水电煤</span></li>
		<li><div class='huoche'></div><span></span>火车票</li>
	</ul>
</div>
</div>

<!-- 下一步白色 -->
<div id='end'>
	<ul>
		<li><div class='xin'></div><span class='wo'><strong>新时代主妇</strong></span><p class='na'>拒做黄脸婆</p></li>
		<li><div class='aiche'></div><span class='zuo'><strong>爱车一族</strong></span><p class='mingyue'>定义车生活</p></li>
		<li><div class='lixiang'></div><span class='le'><strong>理想家</strong></span><p class='kan'>想要这个家</p></li>
		<li><div class='tun'></div><span class='bu'><strong>囤货小当家</strong></span><p class='jiu'>会囤会生活</p></li>
		<li><div class='meng'></div><span class='si'><strong>家有萌娃</strong></span><p class='shang'>宝贝快快长大</p></li>
	</ul>
</div>

<!-- 右区域 -->
<div id='app'>
<div class='purple'><strong>阿里App</strong></div>
 <span class='gengduo'>更多> </span>
 <div class='zhong'>
	<ul>
		<li><div class='still'></div></li>
		<li><div class='see'></div></li>
		<li><div class='move'></div></li>
		<li><div class='and'></div></li>
		<li><div class='been'></div></li>
		<li><div class='sake'></div></li>
		<li><div class='had'></div></li>
		<li><div class='just'></div></li>
		<li><div class='hope'></div></li>
		<li><div class='over'></div></li>
	</ul>
</div>
</div>
<!-- 结束 -->
</body>
</html>